/* Font-family Lato - Thin 100 */
@font-face {
  font-family: 'Lato Thin';
  font-style: normal;
  font-weight: 100;
  src: local('Lato Thin'), local('Lato-Thin'), url('../font/Lato-Thin.ttf') format('truetype');
}

/* Font-family Lato - Thin 100 Italic */
@font-face {
  font-family: 'Lato Thin Italic';
  font-style: italic;
  font-weight: 100;
  src: local('Lato Thin Italic'), local('Lato-ThinItalic'), url('../font/Lato-ThinItalic.ttf') format('truetype');
}

/* Font-family Lato - Light 300 */
@font-face {
  font-family: 'Lato Light';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url('../font/Lato-Light.ttf') format('truetype');
}

/* Font-family Lato - Light 300 Italic */
@font-face {
  font-family: 'Lato Light Italic';
  font-style: italic;
  font-weight: 300;
  src: local('Lato Light Italic'), local('Lato-LightItalic'), url('../font/Lato-LightItalic.ttf') format('truetype');
}

/* Font-family Lato - Regular 400 */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url('../font/Lato-Regular.ttf') format('truetype');
}

/* Font-family Lato - Regular 400 Italic */
@font-face {
  font-family: 'Lato Italic';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url('../font/Lato-Italic.ttf') format('truetype');
}

/* Font-family Lato - Bold 700 */
@font-face {
  font-family: 'Lato Bold';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url('../font/Lato-Bold.ttf') format('truetype');
}

/* Font-family Lato - Bold 700 Italic */
@font-face {
  font-family: 'Lato Bold Italic';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('../font/Lato-BoldItalic.ttf') format('truetype');
}

/* Font-family Lato - Black 900 */
@font-face {
  font-family: 'Lato Black';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url('../font/Lato-Black.ttf') format('truetype');
}

/* Font-family Lato - Black 900 Italic */
@font-face {
  font-family: 'Lato Black Italic';
  font-style: italic;
  font-weight: 900;
  src: local('Lato Black Italic'), local('Lato-BlackItalic'), url('../font/Lato-BlackItalic.ttf') format('truetype');
}

.dolphin-login  {
  font-family: 'Lato', Arial, sans-serif !important;
}

.dolphin-chat  {
  font-family: 'Lato', Arial, sans-serif !important;
}

.dolphin-select-option-member-mode {
  border: 3px solid #00A39D !important;
}

.dolphin-member-mode-check:hover .dolphin-select-member-mode::after {
  box-shadow: 0.1px 0.1px 3px 0px #00A39D !important;
}

.dolphin-login-connect {
  background: #00A39D !important;
}

.dolphin-login-connect:hover {
  background: #008b87 !important;
}

.dolphin-email-submit {
  background: #00A39D !important;
}

.dolphin-email-submit:hover {
  background: #008b87 !important;
}

.dolphin-label-check-tnc {
  color: #00A39D !important;
}

.dolphin-chat-title {
  background: #00A39D !important;
}

.dolphin-queue-title {
  background: #00A39D !important;
}

.dolphin-queue-timer {
  background: #00A39D !important;
}

.dolphin-chat-icon {
  background-color: #00A39D !important;
}

.dolphin-messages .message.message-personal {
  background: #00A39D !important;
}

.dolphin-messages .message.message-personal::before {
  border-top: 4px solid #00A39D !important;
}

.dolphin-messages .message.message-image-personal {
  background: -webkit-linear-gradient(330deg, #00A39D, #00A39D) !important;
  background: linear-gradient(120deg, #00A39D, #00A39D) !important;
}

.dolphin-messages .message.message-image-personal::before {
  border-top: 4px solid #00A39D !important;
}

.dolphin-messages .message.message-failed {
  background: -webkit-linear-gradient(330deg, #00A39D, #00A39D) !important;
  background: linear-gradient(120deg, #00A39D, #00A39D) !important;
}

.dolphin-messages .message.message-failed::before {
  border-top: 4px solid #00A39D !important;
}

.dolphin-messages .message.message-sending {
  background: -webkit-linear-gradient(330deg, #00A39D, #00A39D) !important;
  background: linear-gradient(120deg, #00A39D, #00A39D) !important;
}

.dolphin-messages .message.message-read {
  background: #00A39D !important;
}

.dolphin-messages .message.message-sent {
  background: #00A39D !important;
}

.button-agent-feedback {
  background: #00A39D !important;
}

.button-agent-feedback:hover {
  background: #00A39D !important;
}

.dolphin-q-reply-text {
  color: #00A39D !important;
  border: 1px solid #00A39D !important;
}

.dolphin-q-reply-text:hover {
  background: #00A39D !important;
  color: #FFF !important;
}

.dolphin-campaign-widget {
  background: #00A39D !important;
}

.dolphin-campaign-header {
  background: #00A39D !important;
}

.dolphin-campaign-avatar {
  background-color: #00A39D !important;
}

.dolphin-upload-progress .progress-indicator {
  background-color: #00A39D !important;
}

@keyframes dolphin-blinking-text-waiting {
  0% {
    background-color: #00A39D !important;
  }

  49% {
    background-color: #00A39D !important;
  }

  100% {
    background-color: #00A39D !important;
  }
}

.dolphin-button {
  background: #00A39D !important;
  /* add-ons */
  border-radius: 5px !important;
  /* white-space: nowrap; */
}

.box-connect-message {
  background: #00A39D !important;
}

/* add-ons */
.dolphin-button-cards {
  width: 174px !important;
}

.dolphin-button span {
  font-size: 15px !important;
}

.dolphin-button-cards__item {
  display: unset !important;
}

.dolphin-chat-title .header-title {
  font-size: 14px !important;
}

.chat-sub-header-box span {
  font-size: 8px !important;
  font-weight: bold !important;
  letter-spacing: 1px !important;
}

/* #dolphin-login-body {
  display: none;
} */

/* .lightslider-button lightSlider lsGrab lSSlide {
  width: 358px !important;
} */

.parent-asking {
  position: relative;
}

.asking-account {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 16px;
  width: 100%;
  top: 90px;
  /* background-color: #008b87; */
}

.wrap-button-asking {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.button-asking {
  padding: 16px;
  font-weight: 700;
  color: #008b87;
  border: 1px solid;
  border-color: #008b87;
  border-radius: 8px;
  background-color: #FFF;
  cursor: pointer;
}

.button-asking:hover {
  background-color: #008b87;
  color: #FFF;
  border: unset;
}

.word-asking {
  font-weight: 400;
  font-size: 12px;
  color: #000000;
}

/* modal */
.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999999999;
}

.dialog {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  padding: 20px;
  border-radius: 5px;
  z-index: 999999999;
}

.dialog-content {
  text-align: center;
}

.wrapButtonDialog {
  display: flex;
  justify-content: center;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}

.button-dialog {
  padding-top: 5px;
  padding-bottom: 5px;
  width: 50px;
  text-transform: capitalize;
}

.sub-header-title {
  line-height: 1em !important;
}


.lSAction > .lSPrev {
  background-image: url('../images/ic_left_arrow.svg') !important;
}
.lSAction > .lSNext {
  background-image: url('../images/ic_right_arrow.svg') !important;
}